<?php $__env->startSection('title', 'Dashboard'); ?>
<?php $__env->startSection('content'); ?>
<section class="subscription_wrap">
<div class="container">
<div class="row">
<div class="col-12">
<div class="main_heading">
<h1>Flexible Pricing Tailored to Your Needs</h1>
</div>
</div>
<?php if(session('success')): ?>
<div class="alert alert-success mt-3">
<?php echo e(session('success')); ?>
</div>
<?php endif; ?>
<?php
$starter_plan_id = App\Models\UserSubscription::StarterPlanId;
$professional_plan_id = App\Models\UserSubscription::ProfessionalPlanId;
?>
<div class="col-12">
<div class="subscription_row">
<div class="subscription_col">
<div class="heading_title">
<h4>Starter</h4>
</div>
<div class="price_month">
<h4>₹999</h4>
<p>/ Month</p>
</div>
<div class="users">
<p>Up to 5 Users</p>
</div>
<div class="pricing_list">
<ul>
<li>
<p>Contact and Lead Management</p>
</li>
<li>
<p>Property Listings Management</p>
</li>
<li>
<p>Task and Appointment Scheduling</p>
</li>
<li>
<p>Basic Analytics and Reporting</p>
</li>
<li>
<p>Document Management</p>
</li>
<li>
<p>Role-Based Access Controls</p>
</li>
<li>
<p>Reminders (Task, Appointment, and Follow-up Alerts)</p>
</li>
</ul>
</div>
<div class="pricing_btn">
<?php if(isset($activeSubscription)): ?>
<?php if($activeSubscription->subscription_plan_id == $starter_plan_id): ?>
<button class="cancel-subscription" data-plan-id="<?php echo e($starter_plan_id); ?>">
Subscribed
</button>
<?php elseif($activeSubscription->subscription_plan_id == $professional_plan_id): ?>
<a href="<?php echo e(route('buy.subscription.plan', $starter_plan_id)); ?>"
class="btn btn-warning">
Downgrade
</a>
<?php endif; ?>
<?php else: ?>
<a href="<?php echo e(route('buy.subscription.plan', $starter_plan_id)); ?>"
class="btn btn-primary">
GET TO KNOW
</a>
<?php endif; ?>
</div>
</div>
<div class="subscription_col popular_Col">
<div class="m_btn">
<span>Most Popular</span>
</div>
<div class="heading_title">
<h4>Professional</h4>
</div>
<div class="price_month">
<h4>₹1,799</h4>
<p>/ Month</p>
</div>
<div class="users">
<p>Up to 10 users</p>
</div>
<div class="pricing_list">
<ul>
<li>
<p>Same as the Starter Plan</p>
</li>
<li>
<p>Additional users accommodated</p>
</li>
<li>
<p>Slightly discounted per-user cost</p>
</li>
<li>
<p>Reminders (Task, Appointment, and Follow-up Alerts)</p>
</li>
</ul>
</div>
<div class="pricing_btn">
<?php if(isset($activeSubscription)): ?>
<?php if($activeSubscription->subscription_plan_id == $professional_plan_id): ?>
<button class="cancel-subscription" data-plan-id="<?php echo e($professional_plan_id); ?>">
Subscribed
</button>
<?php elseif($activeSubscription->subscription_plan_id == $starter_plan_id): ?>
<a href="<?php echo e(route('buy.subscription.plan', $professional_plan_id)); ?>"
class="btn btn-success">
Upgrade
</a>
<?php endif; ?>
<?php else: ?>
<a href="<?php echo e(route('buy.subscription.plan', $professional_plan_id)); ?>"
class="btn btn-primary">
GET TO KNOW
</a>
<?php endif; ?>
</div>
</div>
<div class="subscription_col">
<div class="heading_title">
<h4>Enterprise Plan</h4>
</div>
<div class="users">
<p>Customizable</p>
</div>
<div class="heading_title">
<h4>Contact US</h4>
</div>
<div class="pricing_list">
<ul>
<li>
<p>All features of the Professional Plan</p>
</li>
<li>
<p>Advanced Customization Options</p>
</li>
<li>
<p>API Access for Integration</p>
</li>
<li>
<p>Priority Support</p>
</li>
<li>
<p>Bulk Data Import Assistance</p>
</li>
<li>
<p>Dedicated Account Manager</p>
</li>
<li>
<p>Scalability for Unlimited Users</p>
</li>
<li>
<p>Reminders (Advanced Alerts and Notifications Customizable by Team/Workflow)</p>
</li>
</ul>
</div>
<div class="pricing_btn">
<a href="#" data-toggle="modal" data-target="#knowPricingModal">KNOW PRICING</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap Modal -->
<div class="modal fade enterprice_modal" id="knowPricingModal" tabindex="-1" role="dialog" aria-labelledby="knowPricingModalLabel"
aria-hidden="true">
<div class="modal-dialog enterprice_modal_dialog modal-dialog-centered" role="document">
<form id="subscriptionForm" action="<?php echo e(route('subscription.inquiry')); ?>" method="POST" class="w-100">
<?php echo csrf_field(); ?>
<div class="modal-content shadow-lg border-0 rounded-lg">
<div class="modal-header">
<h5 class="modal-title" id="knowPricingModalLabel">Contact for Enterprise Plan</h5>
<button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body p-4">
<div class="form-group mb-3">
<label for="firstName">First Name</label>
<input type="text" name="first_name" class="form-control"
required>
</div>
<div class="form-group mb-3">
<label for="lastName">Last Name</label>
<input type="text" name="last_name" class="form-control"
required>
</div>
<div class="form-group mb-3">
<label for="email">Email Address</label>
<input type="email" name="email" class="form-control"
required>
</div>
<div class="form-group mb-3">
<label for="phone">Phone Number</label>
<input type="text" name="phone" class="form-control"
required>
</div>
<div class="form-group mb-0">
<label for="description">Description</label>
<textarea name="description" class="form-control" rows="4"></textarea>
</div>
</div>
<div class="modal-footer d-flex justify-content-between p-3">
<button type="button" class="btn btn-danger" data-dismiss="modal">Cancel</button>
<button type="submit" class="btn btnSubmit">Submit Inquiry</button>
</div>
</div>
</form>
</div>
</div>
</section>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
document.addEventListener("DOMContentLoaded", function() {
document.querySelectorAll(".cancel-subscription").forEach(button => {
button.addEventListener("click", function() {
let planId = this.getAttribute("data-plan-id");
// Show Confirmation Alert
Swal.fire({
title: "Are you sure?",
text: "Do you want to unsubscribe from this subscription?",
icon: "warning",
showCancelButton: true,
confirmButtonColor: "#d33",
cancelButtonColor: "#3085d6",
confirmButtonText: "Yes, Unsubscribe"
}).then((result) => {
if (result.isConfirmed) {
// AJAX Request to Cancel Subscription
fetch("<?php echo e(route('cancel.subscription')); ?>", {
method: "POST",
headers: {
"X-CSRF-TOKEN": "<?php echo e(csrf_token()); ?>",
"Content-Type": "application/json"
},
body: JSON.stringify({
plan_id: planId
})
})
.then(response => response.json())
.then(data => {
if (data.success) {
Swal.fire("Unsubscribed!", data.message,
"success").then(() => {
location.reload();
});
} else {
Swal.fire("Error!", data.message, "error");
}
})
.catch(error => {
Swal.fire("Error!", "Something went wrong.",
"error");
});
}
});
});
});
});
<?php if(session('success')): ?>
Swal.fire({
icon: 'success',
title: 'Success!',
text: '<?php echo e(session('success')); ?>',
confirmButtonColor: '#3085d6',
confirmButtonText: 'OK'
});
<?php endif; ?>
$(document).ready(function() {
$('#subscriptionForm').validate({
rules: {
first_name: {
required: true
},
last_name: {
required: true
},
email: {
required: true,
email: true
},
phone: {
required: true
},
description: {
required: true
},
},
messages: {
first_name: "Please enter your first name",
last_name: "Please enter your last name",
email: "Please enter a valid email",
phone: "Please enter your phone number",
description: "Please enter your description",
},
});
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('adminlte::page', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/owlcrm/resources/views/admin/subscription/index.blade.php ENDPATH**/ ?>